<script lang='ts' setup name='App'>
import { ref ,onBeforeMount} from "vue";

</script>

<template>

            <router-view></router-view>



<!-- 
      <el-container>
            <el-header class="header">Header</el-header>
            <el-container class="btom">
                  <el-aside width="200px" class="menu">

                        <span>  <button @click="topage('/html')">HTML知识点1</button> </span>
                        <span> <button @click="topage('/css')">css知识点1</button> </span>
                        <span> <button @click="topage('/js')">JavaScript1</button> </span>

                  </el-aside>
                  <el-main class="content">

                        <router-view></router-view>
                  </el-main>
            </el-container>
      </el-container> -->


</template>

<style scoped>
.header {
      background-color: #C6E2FF;
      line-height: 60px;
}

.btom {
      height: calc(100vh - 60px);
}

.menu {
      background-color: skyblue;
}

.menu>span {
      display: block;
      margin: 10px;
}
</style>